* {
  margin: 0;
  padding: 0;
  /* outline: 1px solid red; */
}
body {
  min-width: 1300px;
}
.header {
  width: 100%;
  height: 36px;
  background-color: #000000;
  display: flex;
  justify-content: center;
}
.header-box {
  width: 1200px;
  height: 36px;
  display: flex;
}
.header-box1 {
  width: 600px;
  height: 36px;
  display: flex;
  align-items: center;
}
.header-box1 > a {
  color: #999999;
  font-size: 12px;
  padding: 0 8px;
  border-right: 1px solid #414141;
}
.header-box2 > a:hover {
  cursor: pointer;
  color: white;
}
.header-box1 > a:hover {
  cursor: pointer;
  color: white;
}
.header-box2 > a {
  color: #999999;
  font-size: 12px;
  border-right: 1px solid #414141;
  padding: 0 8px;
}
.header-box2 {
  width: 600px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* .header-box2:hover .icon-xiangxia{
transform: rotate(180deg);
display: inline-block;

} */
.m1 {
  display: flex;
  align-items: center;
  height: 36px;
}
.m1-box{
 height: 15.5px;
 display: flex;
 align-items: center;
}
.m1:hover{
  background-color: white;
  cursor: pointer;
}
.m1-box > a {
  color: #999999;
  font-size: 12px;
  border-right: 1px solid #414141;
  padding: 0 8px;
  
}
.m1-box:hover > a {
  cursor: pointer;
  color: rgb(207, 10, 44);
 
}
.m1-box:hover .icon-xiangxia {
  transform: rotate(180deg);
  display: inline-block;
 
}
.m {
  display: flex;
  align-items: center;
  height: 36px;
}
.m-box{
 height: 15.5px;
 display: flex;
 align-items: center;
}
.m:hover{
  background-color: white;
  cursor: pointer;
}
.m-box > a {
  color: #999999;
  font-size: 12px;
  border-right: 1px solid #414141;
  padding: 0 8px;
  
}
.m-box:hover > a {
  cursor: pointer;
  color: rgb(207, 10, 44);
 
}
.m-box:hover .icon-xiangxia {
  transform: rotate(180deg);
  display: inline-block;
 
}
.select{
  width: 929px;
  height: 215px;
}
.m1-box{
  position: relative;
}
.select{
  background-color:white;
  position: absolute;
  right:0px ;
  top: 25px;
 display: none;
 
}
.select1-box{
  width:929px ;
  height: 200px;
display: flex;
/* justify-content: center; */
/* border: 5px solid green; */
}
.select-left{
  width:150px ;
  height: 100%;
  /* border:  3px solid black; */
}
.select1{
display: flex;
flex-direction: column;
justify-content: center;
margin: 37px 46px 0px 49px;
width: 40px;
height: 73px;
/* border: 5px solid  blue; */
}
.select2{
  /* border: 5px solid pink; */
  width: 200px;
  height: 100px;
  display: flex;
  flex-direction: column;
}
.ul{
  width: 130px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 12px;
 padding: 10px 20px;
}
.ol{
  width: 200px;
  height: 90px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 12px;
 padding: 10px 20px;
}
.ml{
  width: 200px;
  height: 70px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 12px;
 padding: 10px 20px;
}
.select3{
  /* border: 5px solid pink; */
  width: 200px;
  height: 100px;
  
}
.select4{
  /* border: 5px solid pink; */
  width: 200px;
  height: 100px;
 
}
.select5{
  /* border: 5px solid pink; */
  width: 200px;
  height: 100px;
}
.pp{
  margin-left: 20px;
  margin-top: 40px;
  font-size: 20px;
}
.ul>a:hover{
  color: red;
}
.ol>a:hover{
  color: red;
}
.ml>a:hover{
  color: red;
}

.c{
  display: flex;
white-space: nowrap;
  font-size: 12px;
 
}
 .icon-zhuye{
  font-size: 30px;
  border: 1px solid rgba(119,119,119,0.5);
  padding: 10px;
  border-radius: 50%;
  background-color: rgba(119,119,119,0.2);
  color: rgba(119,119,119,1);

}

.m1:hover .select{
display: block;
}
.top{
  width: 100%;
  height: 74px;
  display: flex;
  justify-content: center;
}
.top-box{
  width: 1200px;
  height: 74px;
  display: flex;
}
.top-left{
width: 103px;
height: 74px;
}
.top-left>img{
width: 103px;
height: 74px;
}
.top-mid{
  display: flex;
  align-items: center;
  height: 74px;
  width: 1043.5px;
}
.top-mid-box{
  display: flex;
}
.top-mid-box>a{
  padding-left: 40px;
}
.top-right-mid{
  width: 42px;
  height: 26px;
}
.top-right{
display: flex;
align-items: center;
justify-content: flex-end;
  height: 74px;
}
.top-right-mid>.icon-sousuo{
  font-size: 30px;
  color: #a3a3a3;
}
.banner{
  width: 100%;
  
  background-color: #f1f3f5;
}
.banner{
display: flex;
flex-direction: column;
align-items: center;
}
.banner-box{
width: 1200px;
height: 63px;

}
.banner-box1{
width: 90px;
height: 100%;
display: flex;
align-items: center;

}
.banner-font{
width: 90px;
height: 16px;
}
.banner-font>a{
  font-size: 12px;
}
.banner-font>a:hover{
  cursor: pointer;
  color: brown;
}
.banner-box2{
  width: 1200px;
  display: flex;
  background-color: white;
  
}
.banner-box-a{
margin: 0 70px 30px 30px;
font-size: 14px;
color: #858585;
margin-top: 20px;
}
.banner-box-b{
  margin-top: 20px;
}
.banner-box-b>a{
margin-left: 50px;
font-size: 14px;
}
.banner-box-ab{
margin: 0 40px 30px 30px;
font-size: 14px;
color: #858585;
}
.banner-box-ba>a{
margin-left: 50px;
font-size: 14px;
}
.banner-box-bb{
  margin-top: 20px;
}
.banner-box-bb>a{
  margin-left: 45px;
  padding-left: 25px;
  font-size: 14px;
  }
  .max-img{
    width: 100%;
    display: flex;justify-content: center;
    /* border:  5px solid green; */
    background-color: #f1f3f5 ;
  }
.banner-img{
 
 width: 1212px;
 height: 399px;
  margin-top: 25px;
  /* border: 5px solid  pink; */
  display: flex;
  justify-content: center;
}
.img-box{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 291px;
  background-color: white;
  margin: 0 10px 30px 0px;
  /* border: 5px solid blue; */
}
.imges{
display: flex;
justify-content: center;
}
.imges>img{
width: 180.41px;
height: 179.36px;
}
.img-text{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 291px;
}
.text-box{
  display: flex;
}
.money{
  display: flex;
  margin: 10px 0;
  align-items: center;
}
.money1{
  font-size: 16px;
  color: #cf0a2c;
}
.money2{
font-size: 12px;
text-decoration: line-through ;
color: #808080;
padding-left: 5px;
}
.text-box2{
  display: flex;
  margin-top: 5px;
  font-size: 12px;
  background-color: #ffffff;
  color: #cf0a2c;
  align-items: center;
}
.text-box1{
  border: 1px solid red;
  background-color: #d52442;border-radius: 20%;
  color: white;
  font-size: 12px;
}
.text-box3{
  font-weight: bold;
  font-size: 14px;
}
.text-box4{
  font-size: 13px;
  color: #808080;
  margin: 10px 0 20px 0;
}
.text1,.text2,.text3{
  border: 1px solid #ec9dab;
  border-radius: 25%;
  padding: 2px;
  margin-left: 5px;
  
  
}
.list-box{
  display: flex;
  width: 1226px;
  height: 473px;
  /* justify-content: flex-end; */
  padding: 40px;
}
.bbox{
  width: 100%;
  height: 273px;
  display: flex;
  justify-content: center;
}
.list-left{

  display: flex;
}
.list{
  margin: 20px 40px;
}
.list>p{
  font-size: 14px;
  color: rgb(66, 66, 66);
  margin-bottom: 26px;
  white-space: nowrap;
}
.list>ul{
  list-style: none;
  font-size: 12px;
  color: rgb(117, 117, 117);
}
.list>ul>li{
  margin-top: 10px;
}
.list-right{
  display: flex;
  flex-direction: column;
  align-items: center;
  /* justify-content: center; */
  box-sizing: border-box;
  height: 100px; 
  margin:50px 0px 0px 100px;
  padding-left: 80px;
  border-left:1px solid rgb(224, 224, 224) ;
}
.list-right>span{
  font-size: 22px;
  color: rgb(19, 18, 18);
  margin-bottom: 5px;
}
.list-right>p{
  font-size: 14px;
  white-space: nowrap;
  color: rgb(10, 6, 6);
  margin-bottom: 20px;
}
.list-right>button{
  width: 180px;
  height: 100px;
  background-color: rgb(10, 10, 10);
  border: 1px solid rgb(8, 8, 8);
  color: #ffffff;
 border-radius: 30px 30px 30px 30px;
  padding: 8px;
  margin-bottom: 30px;
}
.icon-kefu{
  margin-right: 5px;
}
.p>.icon-weixin{font-size: 28px;}
.p>.icon-toutiaoyangshi{font-size: 28px;}
.p>.icon-xinlangweibo{font-size: 28px;}
.p>.icon-BaiDu{font-size: 28px;
}
 
.list li:hover{
  color:red;
  cursor: pointer;
}
.right-button:hover{
  background-color: #7f7f7f;
  color: #fff;
  cursor: pointer;
}
.top-mid-box>a:hover{
  cursor: pointer;
  color: red;
}
.top-right-mid>.icon-sousuo:hover{
  color: black;
  cursor: pointer;
}
.banner-box-b>a:hover{
  cursor: pointer;
  color: red;
}
.banner-box-ba>a:hover{
  cursor: pointer;
  color: red;
}
.banner-box-bb>a:hover{
  cursor: pointer;
  color: red;
}
.img-box:hover{
  cursor: pointer;
 box-shadow:         -5px -5px 6px 0px rgba(43, 46, 48, 0.1);
  
}
.icon-weixin:hover{
  color: #7f7f7f;
  cursor: pointer;
}
.icon-toutiaoyangshi:hover{
  color: #7f7f7f;
  cursor: pointer;
}
.icon-xinlangweibo:hover{
  color: #7f7f7f;
  cursor: pointer;
}
.icon-BaiDu:hover{
  color: #7f7f7f;
  cursor: pointer;
}
.back-top  {
  width: 60px;
  height: 60px;
  background-color: rgba(241, 101, 143, 0.4);
  /* border: 1px solid red; */
  position: fixed;
  right: 10px;
  bottom: 40px;
  font-size: 20px;
  z-index: 2;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.back-top>a{
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-size: 14px;
}
.mbmbmb{
  width: 70px;
  height: 260px;
  display: flex;
  flex-direction: column;
  position: fixed;
  right: 0;
  bottom: calc(50% - 100px);
  background-color: white;
  border: 1px solid rgba(148, 145, 145, 0.3);
  border-radius: 20px;
}
.mb-box{
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 10px 0 ;
}
.mb-box>.icon-gouwuche,.icon-renwu-ren{
  font-size: 25px;
  color: #a5a5a5;
}
.mb-box>.icon-renwu-ren{
  font-size: 25px;
  color: #a5a5a5;
}
.lili{
  font-size: 14px;
  color: #a5a5a5;
}
.mb-box>.icon-aixin{
  font-size: 25px;
  color: #a5a5a5;
}
.mb-box>.icon-huidaodingbu{
  font-size: 25px;
  color: #a5a5a5;
}
.mb-box:hover {
  cursor: pointer;
  
}
.mb-box:hover .lili{
  color: red;
  text-decoration: underline;
}
.mb-box:hover span{
  color: red;
}
.lili>a{
  color: #a5a5a5;
  text-decoration: none;
}